<template>
    <div>
        {{ store.name }}
    </div>
    <div>
        {{ store.age }}
    </div>
    <div>
        {{ store.obj.money }}
        {{ store.obj.ss }}
    </div>
    <div>
        计算的属性：{{store.gettable}}
    </div>
</template>

<script setup lang="ts">
import { Usestore } from "../stores/index";

const store = Usestore()
// store.age ++ 
// store.name = '李娇娇'
//监听$patch的修改
store.$subscribe((mutation, state) => {
  // import { MutationType } from 'pinia'
//   mutation.type // 'direct' | 'patch object' | 'patch function'
//   // 和 cartStore.$id 一样
//   mutation.storeId // 'cart'
//   // 只有 mutation.type === 'patch object'的情况下才可用
//   mutation.payload // 传递给 cartStore.$patch() 的补丁对象。
    console.log(mutation,state);
    
  // 每当状态发生变化时，将整个 state 持久化到本地存储。
  localStorage.setItem('cart', JSON.stringify(state))
})
//改变里面的值
store.$patch({
    age:store.age+2,
    name:'丰田',
    obj:{ money: 10000 }
})
store.getlist('小阳',21,{money:900})
console.log(Usestore,store);


</script>

<style scoped>

</style>